const config = {
  content: [
    './src/pages/**/*.{js,jsx}',
    './components/**/*.{js,jsx}',
  ],
  theme: {
    extend: {
      backgroundImage: {
        'linear-cover': 'linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1))',
        'linear-banner': 'linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #141414 100%)',
      },
      backgroundColor: {
        'theme' : '#ff8032',
        'bg25': '#252525',
        'bg': '#141414',
        'white-80': 'rgba(255,255,255,0.8)',
        'white-60': 'rgba(255,255,255,0.6)',
        'white-40': 'rgba(255,255,255,0.4)',
        'white-20': 'rgba(255,255,255,0.2)',
        'white-10': 'rgba(255,255,255,0.1)',
        'black-60': 'rgba(0, 0, 0, 0.6)',
        'black-50': 'rgba(0,0,0,0.5)',
        'black-40': 'rgba(0, 0, 0, 0.4)',
        'black-10': 'rgba(0, 0, 0, 0.1)',
        'bg66':'#666',
        'bg33':'#333'
      },
      colors:{
        'theme' : '#ff8032',
        'bg25': '#252525',
        'bg': '#141414',
        'white-80': 'rgba(255,255,255,0.8)',
        'white-60': 'rgba(255,255,255,0.6)',
        'white-40': 'rgba(255,255,255,0.4)',
        'c99':'#999'
      },
      width:{
        '25':'6.25rem'
      },
      height:{
        '25':'6.25rem'
      },
      zIndex: {
        'min-1':'-1',
        '1': '1',
        '2': '2',
        '3': '3',
        '4': '4',
        '10':'10',
        '100':'100',
        'inherit': 'inherit'
      },
      borderRadius:{
        '50': '50%'
      }
    },
  },
  plugins: [],
}
export default config
